import Vue from "vue";
import VueRouter from "vue-router";
import PhoneAppIndex from "../views/phoneAppIndex.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: '/animalParadise',
    name: 'animalParadise',
    component: () => import('../views/animalParadise.vue'),
  },
  {
    path: '/rizDetails/:id',
    name: 'routeName',
    component: () => import('../views/rizDetails.vue'),
  },
  {
    path: '/showDetails/:id',
    name: 'showDetails',
    component: () => import('../views/showDetails.vue'),
  },
  {
    path: '/interaction',
    name: 'interaction',
    component: () => import('../views/interaction.vue'),
  },
  {
    path: '/ItemList',
    name: 'itemlist',
    component: () => import('../views/itemlist.vue'),
  },
  {
    path: "/phone",
    name: "手机主页",
    component: PhoneAppIndex,
  },
  {
    path: "/",
    name: "",
    component: () => import("../views/home.vue"),
  },
  {
    path: "/buy",
    name: "buy",
    component: () => import("../views/buy.vue"),
  },
  {
    path: "/index",
    name: "index",
    component: () => import("../views/IndexView.vue"),
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('../views/login.vue'),
  },
  {
    path: '/HDYH',
    name: 'HDYH',
    component: () => import('../views/huoDongYouHui.vue'),
  },
  {
    path: '/eat',
    name: 'eat',
    component: () => import('../views/eat.vue'),
  },
  {
    path: '/play',
    name: 'play',
    component: () => import('../views/play.vue'),
  },
]
const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
